<template>
  <div class="packet-rule">
    <mt-header :title="$route.meta.title" v-if="showTitle" fixed>
      <a slot="left" >
        <mt-button icon="back" @click.native="go()">返回</mt-button>
      </a>
    </mt-header>
    <mt-navbar v-model="selected">
      <mt-tab-item id="1">赚钱规则</mt-tab-item>
      <mt-tab-item id="2">活动规则</mt-tab-item>
    </mt-navbar>
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="1">
        <div class="model-content">
        <div class="tab-content active">
          <p>1.什么是连签任务？</p>
          <p>连续3天签到即可获得随机红包现金，签到后还可通过连续完成3单垫付任务赚取额外红包现金，现金可存于账户中用于提现。需要注意的是，必须要每天连续签到，达到一定的日期才可以获得奖励哦。中途断签的话，连续签到周期将重新计数。</p>
          <p>2.兼职赚钱任务是什么？</p>
          <p>兼职赚钱是金手指最新推出的网赚计划，用户通过分享专属推广二维码，好友扫码后注册并下载app即可为你额外赚得红包现金（推广规则内的赚钱机制可同享，详见推广赚金说明），现金将存入账户中用于提现。同时你可免费获得一个月的会员资格，享受会员的超值福利。每天赚钱无上限，多分享多赚钱哦！</p>
        </div>
        <div class="tab-content">
          <p>1.每天签到，连续签到3天即可获得一次随机拆红包的机会；连续完成3单垫付任务，即可获得一次随机拆红包的机会；通过二维码邀请好友注册下载，即可获得一次随机拆红包的机会，且获赠一个月的vip资格。以上红包现金可存于账户中用于提现。</p>
          <p>2.签到漏签不可补签，需重新计数。</p>
          <p>3.连续签到满后，需前往金手指app中点击领取，未领取的现金将于当天24点失效。</p>
          <p>4.邀请好友注册获得的随机红包需前往金手指app中点击领取，超过24小时未领取则该红包失效。</p>
        </div>
      </div>
      </mt-tab-container-item>
      <mt-tab-container-item id="2">
        <div class="tab-content active">
          <p>1.每天签到，连续签到3天即可获得一次随机拆红包的机会；连续完成3单垫付任务，即可获得一次随机拆红包的机会；通过二维码邀请好友注册下载，即可获得一次随机拆红包的机会，且获赠一个月的vip资格。以上红包现金可存于账户中用于提现。</p>
          <p>2.签到漏签不可补签，需重新计数。</p>
          <p>3.连续签到满后，需前往金手指app中点击领取，未领取的现金将于当天24点失效。</p>
          <p>4.邀请好友注册获得的随机红包需前往金手指app中点击领取，超过24小时未领取则该红包失效。</p>
        </div>
      </mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import Loading from '@/components/base/loading/Loading.vue'
export default {
  name: 'Rule',
  data(){
    return {
      selected: '1',
      ignoreTitle:['login']
    }
  },
  methods:{
    go(){
      this.$router.go(-1)
    }
  },
  computed:{
    showTitle(){
      return !(this.ignoreTitle.includes(this.$route.name));
    }
  },
  components:{
    Loading
  }
}

</script>
<style lang="less">
  .packet-rule {
    font-size: 12px;
    .mint-tab-container {
      background: #ffffff;
      margin-top: 10px;
      padding: 0px 10px;
      p {
          text-indent: 2em;
          margin: 10px 0;
          line-height: 24px;
      }
    }
  }
</style>
